<template>
	<div class='header-title'>
       <span 
         @click='headerGo' 
         :class='icon'
         style='float: left;line-height: 55px;text-indent:18px;font-size:30px; '
       ></span>
		 {{headerTitle}}
    </div>
</template>

<script>
	export default {
		props:['icon','headerTitle'],
		methods:{
			headerGo(){
				this.$emit('headerGo');
			}
		}
	}
</script>

<style scoped>
	.header-title{
        position: fixed;
        width:100%;
        height: 55px;
        top:0;
        z-index:1;
        text-align: center;
        font-size:18px;
        line-height: 55px;
        background: white;
    }
</style>